// 入口文件
// es6 module dom 相关
import ReactDOM from 'react-dom/client';
import React from'react';
// root 内部就是react的世界了
// root react 的根节点
const root = ReactDOM.createRoot(// 获取挂载点，以后react就不再做DOM操作了
  document.getElementById('root'));

// 节点
const element2 = React.createElement('div',{id:'name'},'Ro9n1n')
console.log(element2);

// root.render(<h1>Ro9nin</h1>)

// react 法宝之一 JSX语法
// 不是纯js，它是react  jsx语法  js里表达html的语法
const element = (<h1>Ro9nin</h1>)
console.log(element);
root.render(element)
root.render(element2)